<template>
  <div>
    <a-modal v-model:open="open" :title="title" :footer="false">
      <div class="content" style="text-align: center">
<!--        <a-typography-link copyable code>-->
<!--          {{ shareUrl }}-->
<!--        </a-typography-link>-->
        <a-divider />
        <a-space direction="vertical" align="center">
          <a-qrcode :value="shareUrl" />
        </a-space>
      </div>
    </a-modal>
  </div>
</template>



<script lang="ts" setup>

const open = defineModel()

interface Props {
  title: string
  shareUrl: string
}

withDefaults(defineProps<Props>(), {
  title: '分享图片',
  shareUrl: 'https://www.baidu.com',
})



</script>

